/*!
* nmoban106 外贸牛 NO.106 模板
* Copyright © 2022 waimaoniu
* @link: https://www.waimaoniu.com/
* @author: lzx
* @version: 1.0.4
*/
@font-face {
  font-family: Poppins;
  src: url("../font/Poppins.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: BROADW;
  src: url("../font/BROADW.TTF") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  font-family: Poppins,"PingFang SC", "Microsoft Yahei", "微软雅黑", Microsoft Yahei, sans-serif;
  scroll-behavior: smooth;
}

body {
  background: #f5f6f7;
}


/*!- w106-service end -*/
/*!- w106-product begin -*/
.w106-product .product-title {
  text-align: center;
}
.w106-product .product-title > h3 {
  font-size: 38px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  font-family: BROADW,serif;
  color: #ccb46f;
  margin-bottom: 10px;
}
.w106-product .product-title > i {
  margin-bottom: 30px;
  display: inline-block;
  width: 60px;
  height: 2px;
  background: #ddd;
}
.w106-product .product-item {
  position: relative;
}
.w106-product .product-item .cover {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 80%;
}
.w106-product .product-item .cover img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  border: #005096 solid 1px;
  object-fit: contain;
  object-position: center;
}
.w106-product .product-item .intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  color: #fff;
  font-size: 24px;
  text-align: center;
  background: rgb(0,80,150,0.7);
  padding: 10%;
  opacity: 0;
  transition: opacity .4s;
}
.w106-product .product-item .intro a {
  display: block;
  font-size: 18px;
  margin-top: 8px;
  color: #fff;
  transition: transform .4s;
  text-transform: uppercase;
}
.w106-product .product-item .intro a:hover {
  transform: translateX(10px);
}
.w106-product .product-item .intro:before, .w106-product .product-item .intro:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  transition: transform .4s;
  pointer-events: none;
  opacity: .8;
}
.w106-product .product-item .intro:before {
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  border-radius: 80%;
}
.w106-product .product-item .intro:after {
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  border-radius: 90%;
}
.w106-product .product-item:hover .intro {
  opacity: 1;
}
.w106-product .product-item:hover .intro:before {
  transform: rotate(-10deg) scale(0.8);
}
.w106-product .product-item:hover .intro:after {
  transform: rotate(-22deg) scale(0.85);
}
@media screen and (max-width: 1280px) {
  .w106-product .product-title > h3 {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .w106-product .product-item .intro h4 {
    font-size: 16px;
  }
  .w106-product .product-item .intro a {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .w106-product .product-title > h3 {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .w106-product .product-title > i {
    margin-bottom: 15px;
  }
  .w106-product .product-item .intro h4 {
    font-size: 14px;
  }
  .w106-product .product-item .intro a {
    font-size: 14px;
  }
}